<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>法律</title>
<style>

  li{ display:block; heigth:150px; list-style:none;font-size:36px;}
</style>
</head>
<script>
window.onload=function(){
	var num=30,touming=0,fuhao=1,xuhao=0;
	var arr=[];
	for(var i=0;i<num;i++){//随机在屏幕上生成雪花图片
		var img=document.createElement('img');
		img.setAttribute('style','position:absolute;left:'+Math.random()*1200+'px;top:'+Math.random()*700+'px;')
		img.setAttribute('src','images/b-1.gif');
		document.body.appendChild(img)
		}
	function snow(){	//雪花掉落动画函数
		var img=document.getElementsByTagName('img')
		if(touming<=0){fuhao=1}
		if(touming>=0.5){fuhao=-1}
		touming+=(0.01*fuhao);
		
		for(var j=0;j<img.length;j++){
			//img[j].style.filter='opacity('+touming+')'
			img[j].style.left=parseInt(img[j].style.left)+parseInt(Math.random()*2)+'px';
			img[j].style.left=parseInt(img[j].style.left)-parseInt(Math.random()*2)+'px';
			img[j].style.top=parseInt(img[j].style.top)+parseInt(Math.random()*3)+1+'px';
			if(parseInt(img[j].style.top)>600){img[j].style.top='-5px';}
			if(parseInt(img[j].style.left)>1000||parseInt(img[j].style.left)<0){img[j].style.top='600px';}
			}
			setTimeout(snow,60)
		}
	snow();
	div();
	function div(){
		for(var i=1;i<=6;i++){
		var box=document.createElement('div')
		box.setAttribute('style','position:fixed;top:0;padding-right:80px; padding-left:30px; display:none; z-index:-1; left:100px;width:700px;height:600px; background:url(images/img'+i+'.jpg) no-repeat center;')
		box.innerHTML=inner(i);
		document.body.appendChild(box)
		}
	}
	function inner(a){  //DIV内容函数，（PPT内容的函数）
			switch(a){
				case 1:return '<h1 style="line-height:100px; font-size:50px; font-weight:900;">法律的意义</h1>'
				+'<p style="font-size:36px; line-height:50px;">俗话说，“没有规矩，不成方圆”。法律作为约束人们行为的规范，是巩固政权，维护社会秩序的必要手段;</p>'
				+'<p style="color:red; font-size:36px; line-height:80px;">但是法律的目的不是惩罚坏人，而是维护正常合理的社会秩序</p>'; break;
				case 2:return "<ul style='padding-left:50px; width:300px; float:left;'><li style='padding-top:100px;'>刑法</li>"+
							  "<li>民法</li>"+
							  "<li>婚姻法</li>"+
							  "<li>经济法</li>"+
							  "<li>行政法</li>"+
							  "<li>物权法</li>"+
							  "<li>知识产权法...</li></ul>"+
							  "<p style='float:left;text-indent:2em; width:340px; padding-top:80px;font-size:30px; line-height:50px; color:red;'>"+
							  "所有的法律的母法都是《宪法》，只是根据不同的作用对象，做出了一些详细的分类，"+
							  "随着社会发展，法律也是实时更新的，主要是为了完善一些法律漏洞.</p>"								
        					  break;
							  
				case 3:return "<h2 style='padding-top:50px; font-size:40px;'>刑法的作用，以及与生活的联系</h2>"+
				
								"<p style='line-height:50px; font-size:30px; text-indent:2em;'> 刑法最要是为了保护国家安全、人民民主专政政权和社会主义制度；保护社会主义的经济基础；保护公民的各项权利；维护良好的社会秩序与安定的政治局面。</p>"
								;break;
				case 4:return "<h2 style='padding-top:50px; font-size:40px;'>民法的作用与生活的联系</h2>"+
								"<p style='line-height:50px; font-size:30px; text-indent:2em;'> 民法是调整平等主体之间的财产关系和人身关系的法律规定的总和。 民法的功能体现在《民法通则》第一条：为了保障公民、法人的合法的民事权益，正确调整民事关系，适应社会主义现代化建设事业发展的需要。</p>"
								;break;
				case 5: return "<h2 style='padding-top:50px; font-size:40px;'>懂法的重要性</h2>"+
								"<p style='line-height:50px; font-size:30px; text-indent:2em;'>自身利益受到损害时，可以找到保护自己的途径</p>"+
								"<p style='line-height:50px; font-size:30px; text-indent:2em;'>以后在生活当中，可以降低上当受骗的概率</p>"+
								"<p style='line-height:50px; font-size:30px; text-indent:2em;'>学好法律就相当于懂得了整个社会的游戏规则，使自己立于不败之地</p>"+
								"<p style='line-height:50px; font-size:30px; text-indent:2em;'>在以后的工作当中不会当“冤大头”</p>";break;
				
				case 6: return "<h2 style='padding-top:50px; text-align:center; font-size:40px;'>最后提前预祝大家端午节快乐</h2>"+
								"<h2 style='padding-top:50px; text-align:center; font-size:40px;'>THE END</h2>"+
								"<h2 style='padding-top:50px; text-align:center; font-size:40px;'>THANKS</h2>";break;
				
				
				}
				
				
			
			
			}
	document.onkeydown=function(eve){
		var box=document.getElementsByTagName('div')
		var eve=eve||window.event;
		switch(eve.keyCode){
			case 37:xuhao-=1;break;
			case 38:xuhao-=1;break;
			case 39:xuhao+=1;break;
			case 40:xuhao+=1;break;
			}
			xuhao=xuhao%6
		function none(){
			for(var i=0;i<box.length;i++){
				box[i].style.display='none';
				}
			}
		switch(xuhao){
			case 0:none();box[5].style.display='block'; break;
			case 1:none();box[0].style.display='block'; break;
			case 2:none();box[1].style.display='block'; break;
			case 3:none();box[2].style.display='block'; break;
			case 4:none();box[3].style.display='block'; break;
			case 5:none();box[4].style.display='block'; break;
			
			
			}
		}
		
		
	}
	

</script>


<body>
	
    	
   
</body>


</html>
